@import (reference) "../../../color.less";

.trade-account(@content-background-color, @main-font-color, @second-font-color) {
  background: @content-background-color;
  transition: all .2s;
  .trade-account-list-container {
    padding: 0 12px;
    margin-top: 20px;
    .trade-account-list-row {
      height: 32px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: space-between;
      color: @second-font-color;
      font-size: 12px;
      span:last-child {
        color: @main-font-color;
        font-family: Arial, serif;
      }
    }
  }
}

.trade-account-night {
  .trade-account(@content-background-color-night, @main-font-color-night, @second-font-color-night)
}

.trade-account-day {
  .trade-account(@content-background-color-day, @main-font-color-day, @second-font-color-day)
}
